// overrides mdl
address {
    line-height: $line-height-base;
}

h1, h2, h3, h4, h5, h6 {
    line-height: $headings-line-height;
}

@mixin typo-headline($colorContrast: false, $usePreferred: true) {
  @include typo-preferred-font($usePreferred);
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;

  @if $colorContrast {
    opacity: 0.87;
  }
}

@if $target-elements-directly == true {

  h4 {
    @include typo-headline;

    margin-top: 0px;
    margin-bottom: 32px;
  }

}